<script>
import ModuleCard from "../../../../../components/business/module-card/index.vue";
import UForm from "../../../../../uni_modules/uview-ui/components/u-form/u-form.vue";
import UFormItem from "../../../../../uni_modules/uview-ui/components/u-form-item/u-form-item.vue";
import FixedFooter from "../../../../../components/business/fixed-footer/index.vue";
import UButton from "../../../../../uni_modules/uview-ui/components/u-button/u-button.vue";
import UTextarea from "../../../../../uni_modules/uview-ui/components/u--textarea/u--textarea.vue";
import Detail from "../../components/station-detail/index.vue";

export default {
  name: "index",
  components: {UTextarea, UButton, FixedFooter, UFormItem, UForm, ModuleCard, Detail },
  data() {
    return {
      formData: {
        field: '设计方案'
      },
      rules: {
        field: [
          { required: true, message: '请选择方案类型', trigger: 'change' }
        ]
      }
    }
  },
}
</script>

<template>
  <view class="detail">
    <u--form
        labelPosition="left"
        :model="formData"
        ref="uForm"
        labelWidth="100"
        :labelStyle="{'align-self': 'start', 'font-size': '14px'}"
    >
      <detail />
      <view class="mark">
        <u-form-item
            label="备注"
            prop="formData.field"
            placeholder="请输入备注"
            ref="item1">
          <u-textarea
              rows="3"
              maxlength="200"
              placeholder="请输入备注"></u-textarea>
        </u-form-item>
      </view>
    </u--form>

    <fixed-footer>
      <u-button
          class="footer-btn reject"
      >驳回</u-button>
      <u-button
          type="primary"
          class="footer-btn agree"
      >同意</u-button>
    </fixed-footer>
  </view>
</template>

<style scoped lang="scss">
.detail{
  padding-bottom: 181px;
}
.footer-btn{
  margin: 0 5px;
  &.reject{
    width: 150px;
  }
}
.mark{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 71px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  display: block;
  padding: 0 20px
}
</style>
